//todo —— JSX中只能写表达式，不能写语句
//!表达式： 
//* 1. 定义变量，直接读取值
    // const name = 'zs'
    // const age = 18
    // const title = (
    //   <h1>
    //     姓名：{name}, 年龄：{age}
    //   </h1>
    // )
//* 2.定义对象，访问对象属性
// const car = {
//   brand: '玛莎拉蒂'
// }
// const title = (
// <h1>
//   汽车：{car.brand}
// </h1>
// )
//* 3.定义数组，访问数组下标
// const friends = ['张三', '李四']
// const title = (
//   <h1>
//     汽车：{friends[1]}
//   </h1>
// )
//* 4.三元运算符
// const gender = 18
// const title = (
//   <h1>
//     性别：{age >= 18? '是':'否'}
//   </h1>
// )
//* 5.调用方法
// function sayHi() {
//   return '你好'
// }
// const title = <h1>姓名：{sayHi()}</h1>


//! 语句：
//* 一行代码用分号；隔开
//* 判断条件 或 for循环

// *——————————————————————————————————————————————————
//? JSX必须用1个父标签包裹,可以是空标签
// ! JSX子节点 第三个参数应该传入具体的值，语句不能表示一个具体的值，经过babel编译后会不符合语义
//todo —— JSX中所有标签都要在一个父级下面，必须用一个父标签包裹
// return (
//   <div>
//     <h1 className='app'>{count}</h1>
//     <span className='app'>xxxxxx</span>
//   </div>
//     )
//todo —— 如果渲染的时候多了一个div，你不想要可以使用空标签
// return (
//   <>
//     <h1 className='app'>{count}</h1>
//     <span className='app'>xxxxxx</span>
//   </>
//     )